/* 体育赛事详情 */
import React, { Component } from "react"
import { ImageBackground, View, Text, StatusBar } from "react-native"
// 状态管理
import { inject, observer } from "mobx-react"
// 工具类
import { px2dp } from "../../utils"
// 图片管理文件
import { images } from "../../assets"
// 样式文件
import { topBackgroundStyle, betListContainerStyle, chatBottomStyle } from "./event-detail.presets"
// 头部组件
import { Header } from "../../components/header"

// import { FightInfo } from "./fight-info"

import { FightInfoInstance } from "../../models/event-detail/fight-info"

// interface eventProps {
//   rootStore: any
//   history?: any
// }

export interface FightInfoProps {
  model: FightInfoInstance
}

@inject("rootStore")
@observer
export class EventDetailScreen extends Component<FightInfoProps, {}> {
  render() {
    return (
      <View>
        <StatusBar barStyle={"light-content"} />
        <View style={{ height: px2dp(312) }}>
          <ImageBackground source={images.eventDetail.headerBg} style={topBackgroundStyle}>
            <Header headerText={"球会友谊赛"} style={{ paddingTop: px2dp(44) }} />
            {/* <FightInfo info={} /> */}
          </ImageBackground>
        </View>
        <View style={betListContainerStyle}>
          <Text>Bet</Text>
        </View>
        <View style={chatBottomStyle} />
      </View>
    )
  }
}

export default EventDetailScreen
